// JSDoc


/**
 * 消灭星星
 * @author @zhan-zhuhong
 * @param {} startgame   定时器定时出现星星，并且时间结束，游戏结束
 *  */
     //封装一个函数

    //给button绑定点击开始的事件
    var btnObj = document.querySelector('button')
    //点击就开始这个定时器
     btnObj.onclick = startgame
     
     function startgame(){
       t =   setInterval(function(){
          //造img标签
             var imgObj = document.createElement('img')
             //改img标签的src属性
             imgObj.src='./img/star.gif'
             //给星星随机宽度
             imgObj.width = Math.floor(Math.random() * (100 - 50 +1) +50) 
             //给img图片定位，给星星在body中随机出现
              imgObj.style.position = 'absolute'
              //星星随机出现的最大宽度范围不能是整个屏幕，不然会出现在屏幕外面了
              var max = window.innerWidth || document.documentElement.clientWidth - imgObj.width
              var max = window.innerHeight || document.documentElement.clientHeight - imgObj.height
              var min = 0
              imgObj.style.left = Math.floor(Math.random()*(max - min + 1) - min)+ 'px'
              imgObj.style.top = Math.floor(Math.random()*(max - min + 1) - min)+ 'px'
              //追加到body中去
              document.body.appendChild(imgObj)
        
      
     },1000)
            
    //血条减少
    t1 = setInterval(function() {
        var num = parseInt(document.querySelector('.num').style.width)
        num -=5
        document.querySelector('.num').style.width = num + '%'
        //判断num = 0时，就结束
        if(num == 0){
            clearInterval(t) 
            alert('结束')
        }
    }, 1000)
    
    
     }
    //消灭星星
    //给body绑定点击事件
    
    var bodyObj = document.body
    bodyObj.onclick = function(evt){
        //定义一个num来获取target操作img时的次数
        //事件函数处理
        var e = evt || window.event
        //获取body当前的操作事件：target 获取他 ，判断当他的标签时IMG时，就从父节点body里移出img
         var target = e.target || srcElement
         var num = parseInt(document.querySelector('.num').style.width)
         //判断:nodeName获取的标签是大写
         if(target.nodeName == 'IMG'){
             //给img移除
             bodyObj.removeChild(target)
             //实现在target获取当前操作对象时，血条恢复+1
             var num = parseInt(document.querySelector('.num').style.width)
             num++
             document.querySelector('.num').style.width = num + '%'
         }
    }
    
  